// 扩大可点击区域
const extendClick = (_) => `
  position:relative;
  &:before{
    content:'';
    position:absolute;
    top:-10px;
    bottom: -10px;
    left: -10px;
    right:-10px;
  }
`;

// 一行文字溢出显示...
const noWrap = (_) => `
  text-overflow: ellipsis;
  overflow:hidden;
  white-space:nowrap;
`;

const styles = {
  "theme-color": "#d44439",
  "theme-color-shadow": "rgba (212, 68, 57, .5)",
  "font-color-light": "#f1f1f1",
  "font-color-desc": "#2E3030",
  "font-color-desc-v2": "#bba8a8", // 略淡
  "font-size-ss": "10px",
  "font-size-s": "12px",
  "font-size-m": "14px",
  "font-size-l": "16px",
  "font-size-ll": "18px",
  "border-color": "#e4e4e4",
  "background-color": "#f2f3f4",
  "background-color-shadow": "rgba (0, 0, 0, 0.3)",
  "highlight-background-color": "#fff",
  extendClick,
  noWrap,
};

export default styles;
